// 全局指令的封装
const directiveObj = {
  install (Vue) {
    Vue.directive('fofo', {
      // 挂载到真实DOM时触发 v-show 不会触发
      inserted (el) {
        directiveFn(el)
      },
      update (el) {
        // 指令所在标签 更新时触发
        directiveFn(el)
      }
    })
  }
}
function directiveFn (el) {
  if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
    el.focus()
  } else {
    if (el.querySelector('input')) el.querySelector('input').focus()
    if (el.querySelector('textarea')) {
      el.querySelector('textarea').focus()
    }
  }
}
export default directiveObj
